<template>
  <n-card hoverable>
    <div class="flex items-center mb-2 hover:(cursor-pointer)">
      <n-avatar round :size="45" src="/src/assets/material/avatar.png" />
      <div class="flex flex-col">
        <p class="font-extrabold hover:(cursor-pointer)">name</p>
        <div><span>?个活动 </span>| <span>中国,上海</span></div>
      </div>
    </div>
  </n-card>
</template>
<script setup lang="ts">
  defineProps({
    id: {
      type: Number,
    },
  });
</script>
<style scoped></style>
